<h1>Angular Router App</h1>
<!-- This nav gives you links to click, which tells the router which route to use (defined in the routes constant in  AppRoutingModule) -->
<nav>
  <ul>
    <li><a [routerLink]="['/first',{id: 123}]" routerLinkActive="active">First Component</a></li>
    <!-- 第一种传参-->
    <li><a routerLink="/second" routerLinkActive="active">Second Component</a>
    </li>
  </ul>
</nav>

<ng-template #customTabButtons>
    <div>
      fire fire
    </div>
</ng-template>
<app-tab-container [headerTemplate]="customTabButtons"></app-tab-container>

<!-- The routed views render in the <router-outlet>-->
<div class="router-box">
  <router-outlet></router-outlet>
</div>
